<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>菜单栏</title>

	<!-- basic styles -->
	<link href="${ctx}/css/assets/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="${ctx}/css/style.css" />
	<!-- ace settings handler -->
	<script src="${ctx}/css/assets/js/ace-extra.min.js"></script>

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

	<!--[if lt IE 9]>
	<script src="${ctx}/css/assets/js/html5shiv.js"></script>
	<script src="${ctx}/css/assets/js/respond.min.js"></script>
	<![endif]-->
</head>

<body>
<button id="suspend_box"  style="
			font-size: large;
			border-radius: 0px 15px;
			width: 30px;
			height: 60px;
			left: 0px;
			top: 100px;
			z-index: 620;
			position: absolute;
			background: rgba(60,142,125,0.55);
			/*border: 2px solid white;*/
			color: white;
			font-family: '微软雅黑';">菜单
</button>
<div id="sidebar"  style="
		width: 190px;
		height: 100%;float: left;
		position: absolute;top: 0;">
	<script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'fixed')
        } catch (e) {
        }
	</script>


	<%--<ul class="nav nav-list" style=" filter:alpha(opacity=50);background-color: currentColor;">--%>
	<%--<li id="indexpage">--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/container/homepage.jsp" target="mainbody">--%>
	<%--<i class="icon-home"></i>--%>
	<%--<span class="menu-text"> 首页</span>--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-sitemap"></i>--%>
	<%--<span class="menu-text"> 基本信息管理</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="${ctx}/equipment/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>设备基本信息管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--&lt;%&ndash; <li>--%>
	<%--<a href="${ctx}/style/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>类型管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="${ctx}/channel/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>通道管理--%>
	<%--</a>--%>
	<%--</li> &ndash;%&gt;--%>
	<%--<li>--%>
	<%--<a href="${ctx}/sensor/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>传感器基本信息管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="${ctx}/compensator/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>补偿器基本信息管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>

	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-sitemap"></i>--%>
	<%--<span class="menu-text"> 传感器配置管理</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="${ctx}/channel/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>传感器通道管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="${ctx}/monitor/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>传感器安装管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="${ctx}/compensatorEquipment/manager" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>补偿器安装管理--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>

	<%--&lt;%&ndash;<li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<a href="#" class="dropdown-toggle">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-list"></i>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<span class="menu-text">虚拟机床</span>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<b class="arrow icon-angle-down"></b>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<ul class="submenu">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<a href="<%=request.getContextPath()%>/mintor/model/WebGL_Model.jsp" target="mainbody">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-double-angle-right"></i>WebGL&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<a href="<%=request.getContextPath()%>/mintor/model/model.jsp" target="mainbody">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-double-angle-right"></i>VRML&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</ul>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</li>&ndash;%&gt;--%>


	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/model/WebGL_Model.jsp" class="dropdown-toggle" target="mainbody">--%>
	<%--<i class="icon-bar-chart"></i>--%>
	<%--<span class="menu-text">虚拟机床</span>--%>
	<%--</a>--%>
	<%--</li>--%>


	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-eye-open"></i>--%>
	<%--<span class="menu-text">机床状态监测</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datamonitor/runningstate.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>运行状态监测--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datamonitor/intelligentperception.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>智能感知监测--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>

	<%--<li>--%>
	<%--&lt;%&ndash;<a href="<%=request.getContextPath()%>/mintor/showFBGDiagnosisContent/historysearch.jsp" class="dropdown-toggle" target="mainbody">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-time"></i>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<span class="menu-text">历史数据查询</span>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-time"></i>--%>
	<%--<span class="menu-text">历史数据查询</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datahistory/historysearchcnc.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>运行状态查询--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datahistory/historysearchsensor.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>智能感知查询--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>

	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-list"></i>--%>
	<%--<span class="menu-text">机床健康管理</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datadiagnosis/sensordiagnosis.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>传感器健康分析--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/datadiagnosis/cncdiagnosis.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>机床故障分析--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>

	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-dashboard"></i>--%>
	<%--<span class="menu-text">补偿器管理</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/compensatormanage/healthmonitor.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i>健康监测--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/compensatormanage/modelupdate.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i> 模型更新--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>


	<%--<li>--%>
	<%--<a href="#" class="dropdown-toggle">--%>
	<%--<i class="icon-user"></i>--%>
	<%--<span class="menu-text"> 用户管理</span>--%>
	<%--<b class="arrow icon-angle-down"></b>--%>
	<%--</a>--%>
	<%--<ul class="submenu">--%>
	<%--<li>--%>
	<%--<a href="<%=request.getContextPath()%>/mintor/showFBGDiagnosisContent/blankpage.jsp" target="mainbody">--%>
	<%--<i class="icon-double-angle-right"></i> 个人资料--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--&lt;%&ndash;<li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<a href="<%=request.getContextPath()%>/mintor/showFBGDiagnosisContent/blankpage.jsp" target="mainbody">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-double-angle-right"></i>用户&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<li>&ndash;%&gt;--%>
	<%--&lt;%&ndash;<a href="${ctx}/views/body.jsp" target="body">&ndash;%&gt;--%>
	<%--&lt;%&ndash;<i class="icon-double-angle-right"></i>切换至后台&ndash;%&gt;--%>
	<%--&lt;%&ndash;</a>&ndash;%&gt;--%>
	<%--&lt;%&ndash;</li>&ndash;%&gt;--%>

	<%--<li>--%>
	<%--<a href="${ctx}/admin/quit" target="_parent">--%>
	<%--<i class="icon-double-angle-right"></i>退出--%>
	<%--</a>--%>
	<%--</li>--%>
	<%--</ul>--%>
	<%--</li>--%>
	<%--</ul><!-- /.nav-list -->--%>
	<div id="big_banner_wrap"style="margin-top: 60px">
		<ul id="banner_menu_wrap" style="display: none;">
			<div style="z-index: -1;width: 100%;height: 100%;
				border-right: 8px groove rgba(210,210,210,0.5);
				position: absolute;/*background: rgba(0,0,0,0.3)*/">
			</div>
			<li class="active"img>
				<a href="<%=request.getContextPath()%>/mintor/container/homepage.jsp"
				   target="mainbody">首页
				</a>
			</li>
			<li>
				<a href="${ctx}/mintor/newmenu/information.jsp" target="mainbody">信息与安装管理</a>
				<%--<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="${ctx}/equipment/manager" target="mainbody">设备基本信息管理</a>
						</li>
						<li>
							<a href="${ctx}/sensor/manager" target="mainbody">传感器基本信息管理</a>
						</li>
						<li>
							<a href="${ctx}/compensator/manager" target="mainbody">补偿器基本信息管理</a>
						</li>
					</ul>
				</div>--%>
			</li>

			<%--<li>
				<a>传感器配置管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="${ctx}/channel/manager" target="mainbody">传感器通道管理</a>
						</li>
						<li>
							<a href="${ctx}/monitor/manager" target="mainbody">传感器安装管理</a>
						</li>
						<li>
							<a href="${ctx}/compensatorEquipment/manager" target="mainbody">补偿器安装管理</a>
						</li>
					</ul>
				</div>
			</li>--%>
			<li>
				<a>数据共享管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/newmenu/machiningrecord.jsp" target="mainbody">
								工况录入
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/newmenu/datadownload.jsp" target="mainbody">
								数据共享(简明)
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/newmenu/datashare.jsp" target="mainbody">
								数据共享(高级)
							</a>
						</li>
					</ul>
				</div>
			</li>


			<%--<li>--%>
			<%--<a href="${ctx}/machining/manager" target="mainbody">--%>
			<%--工况管理--%>
			<%--</a>--%>
			<%--</li>--%>
			<%--<li>--%>
			<%--<a href="${ctx}/timeMachining/manager" target="mainbody">--%>
			<%--工况时间管理--%>
			<%--</a>--%>
			<%--</li>--%>

			<%--<li>--%>
			<%--<a href="<%=request.getContextPath()%>/mintor/model/WebGL_Model.jsp" target="mainbody">--%>
			<%--虚拟机床--%>
			<%--</a>--%>
			<%--</li>--%>
			<li>
				<a>机床监测管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/newmenu/cncstatemonitor.jsp" target="mainbody">
								状态监测
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/newmenu/cnchealthmonitor.jsp" target="mainbody">
								健康管理
							</a>
						</li>
					</ul>
				</div>
			</li>

			<li>
				<a>虚拟机床</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/model/WebGL_Model.jsp" target="mainbody">
								WebGL机床
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/model/heatmap_WebGL_Model.jsp" target="mainbody">
								热力图模型
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/model/WebGL_Model_zll.jsp" target="mainbody">
								初始模型
							</a>
						</li>
					</ul>
				</div>
			</li>

			<%--<li>
				<a>机床状态监测</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/datamonitor/runningstate.jsp" target="mainbody">
								运行状态监测
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/datamonitor/intelligentperception.jsp" target="mainbody">
								智能感知监测
							</a>
						</li>
                        <li>
                            <a href="<%=request.getContextPath()%>/mintor/datamonitor/videoshow.jsp" target="mainbody">
                                数控机床现场
                            </a>
                        </li>
					</ul>
				</div>
			</li>--%>

			<%--<li>
				<a>历史数据查询</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/datahistory/historysearchcnc.jsp" target="mainbody">
								历史状态查询
							</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/datahistory/historysearchsensor.jsp" target="mainbody">
								历史感知查询
							</a>
						</li>
					</ul>
				</div>
			</li>--%>

			<%--<li>
				<a>机床健康管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/datadiagnosis/sensordiagnosis.jsp" target="mainbody">
								传感器健康分析
							</a>
						</li>
					</ul>
				</div>
			</li>--%>
			<li>
				<a href="${ctx}/mintor/newmenu/historydata.jsp" target="mainbody">历史数据分析</a>
			</li>
			<li>
				<a>补偿器监测管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<%--未完成：补偿器健康监测--%>
						<%--<li>--%>
						<%--<a href="<%=request.getContextPath()%>/mintor/compensatormanage/healthmonitor.jsp" target="mainbody">--%>
						<%--健康监测--%>
						<%--</a>--%>
						<%--</li>--%>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/compensatormanage/modelupdate.jsp" target="mainbody">
								模型更新
							</a>
						</li>
					</ul>
				</div>
			</li>

			<li>
				<a>云计算接口</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/dataAnalysis/python_page.jsp" target="mainbody">Python接口</a>
						</li>
						<li>
							<a href="<%=request.getContextPath()%>/mintor/dataAnalysis/pyspark.jsp" target="mainbody">tensorflow云计算</a>
						</li>
					</ul>
				</div>
			</li>

			<li>
				<a href="${ctx}/mintor/heatmaps/fbgheatmap.jsp" target="mainbody">机床主轴热力图</a>
			</li>
			<li>
				<a>用户管理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<%--未完成：个人资料--%>
						<%--<li>--%>
						<%--<a href="<%=request.getContextPath()%>/mintor/showFBGDiagnosisContent/blankpage.jsp" target="mainbody">--%>
						<%--个人资料--%>
						<%--</a>--%>
						<%--</li>--%>
						<%--<li>--%>
						<%--<a href="<%=request.getContextPath()%>/mintor/showFBGDiagnosisContent/blankpage.jsp" target="mainbody">--%>
						<%--用户--%>
						<%--</a>--%>
						<%--</li>--%>
						<li>
							<a href="${ctx}/user/quit" target="_parent">
								退出
							</a>
						</li>
					</ul>
				</div>
			</li>

			<%--<li>
				<a>数据处理</a>
				<div class="banner_menu_content">
					<ul class="banner_menu_content_ul">
						<li>
							<a href="<%=request.getContextPath()%>/mintor/dataAnalysis/python_page.jsp" target="mainbody">
								选择文件处理数据
							</a>
						</li>
					</ul>
				</div>
			</li>--%>
		</ul>
	</div>

	<script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'collapsed')
        } catch (e) {
        }

        ////        // 子菜单栏的显示
        $("#banner_menu_wrap").children().hover(function(){
//            $(this).css("background","lightseagreen");

//			$(this).children(".banner_menu_content").show();
            $(this).children(".banner_menu_content").css("transform","rotateX(0deg)");
            $(this).children(".banner_menu_content").css("-webkit-transform","rotateX(0deg)");
            $(this).children(".banner_menu_content").css("-moz-transform","rotateX(0deg)");
            $(this).children(".banner_menu_content").css("-o-transform","rotateX(0deg)");
            $(this).children(".banner_menu_content").css("-ms-transform:","rotateX(0deg)");
            $(this).children(".banner_menu_content").css("opacity","1");
            $(this).children(".banner_menu_content").children().css("opacity","1");
        },function(){
//            $(this).css("background","none");
            $(this).children(".banner_menu_content").css("transform","rotateX(180deg)");
            $(this).children(".banner_menu_content").css("-webkit-transform","rotateX(180deg)");
            $(this).children(".banner_menu_content").css("-moz-transform","rotateX(180deg)");
            $(this).children(".banner_menu_content").css("-o-transform","rotateX(180deg)");
            $(this).children(".banner_menu_content").css("-ms-transform:","rotateX(180deg)");
            $(this).children(".banner_menu_content").css("opacity","0");
            $(this).children(".banner_menu_content").children().css("opacity","0");
//            $(this).children(".banner_menu_content").hide();
        });
        $("#banner_menu_wrap").hover(function(){},
            function(){
                $("#banner_menu_wrap").hide();
                $("#suspend_box").show();
            });
        //        $("#suspend_box").hover(function(){
        //            $("#banner_menu_wrap").show();
        //            $("#suspend_box").hide();
        //        }, function(){});


        //		var suspend_box_pressed=false;
        //        $("#suspend_box").mouseup(function(){
        //            suspend_box_pressed=false;
        //        });
        //        $("#suspend_box").mousedown(function(){
        //            suspend_box_pressed=true;
        //        });
        //        $("#suspend_box").mousemove(function(e){
        //            if(suspend_box_pressed==true){
        //                var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
        //                var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
        //                xx=xx-$('#suspend_box').width()/2;
        //                yy=yy-$('#suspend_box').height()/2;
        //                $('#suspend_box').css({position: "absolute", top: yy, left: xx});
        //			}
        //        });
        $("#suspend_box").click(function(){
            $("#banner_menu_wrap").show();
            $("#suspend_box").hide();
        });





	</script>
</div>
</body>
</html>
